<template>
	<div class="nav col-lg-5 web-font">
		<div style="display: inline-block; width: 640px;">
		  <el-row>
			<el-col :lg="24" :sm="24" :xs="24">
				
				<div class="logo_box">
					<img class="logo_img" src="../assets/img/logo.png" />
				</div>
				
				<el-menu
					class="el-menu-demo"
					background-color="white"
					text-color="black"
					mode=""
					>
				   <el-menu-item index="1"><a class="nav-a" @click="$goRoute('/')">首页</a></el-menu-item>
				   <el-menu-item index="2" ><a class="nav-a" @click="$goRoute('/Activity')">活动咨询</a></el-menu-item>
				   <el-menu-item index="3"><a class="nav-a" @click="$goRoute('/Bproduct')">产品系列</a></el-menu-item>
				   
				   <el-menu-item index="4" ><a class="nav-a" @click="$goRoute('/Benjoy')">优享礼遇</a></el-menu-item>
				   <el-menu-item index="5"><a class="nav-a" @click="$goRoute('/Bshow')">邦9社区</a></el-menu-item>
				   <el-menu-item index="6"><router-link :to="{name:'Bmain',params:{num:1}}">品牌故事</router-link></el-menu-item>
				</el-menu>
				
		   </el-col>
       </el-row>
    </div>
  </div>
</template>
<script>
	import Vue from 'vue';
	import {Menu,MenuItem} from 'element-ui'
    Vue.use(Menu);
    Vue.use(MenuItem);
export default {
  	name:'Bnav',
  	mounted(){
  		this.tableData()
    },
    data(){
    	return {
    		msg:1
    	}
    },
    methods:{
    	tableData(){
    		let self = this;
			this.msg="";
    	},
    	navbgin(event){
    		event.target.classList.add("active")
    	},
    	navbgout(event){

    	}
    }
}
</script>
<style>
	.el-submenu__icon-arrow{
	display: none!important;
}
 html body{
 	margin: 0;
 	padding: 0;
 }
 .el-menu-item:hover{
 	background: none!important;
 }
 .el-menu--horizontal > .el-menu-item.is-active{
 	border-bottom:solid 2px black;
 }
</style>
<style scoped>
	@import url("../assets/css/nav.css");
	
	
</style>